<template>
	<view>
		<text>v-bind属性绑定</text>
	</view>
	<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
		<swiper-item>
			<view class="swiper-item">
				<image :src="picurl" mode="aspectFill"></image>
			</view>
		</swiper-item>
	</swiper>
	<swiper indicator-dots="true" autoplay="true" interval="3000" duration="1000" circular>
			<swiper-item v-for="(item,index) in picarr">
				<image :src="item" mode="aspectFill"></image>
			</swiper-item>
	</swiper>
</template>

<script setup>
	import {ref} from "vue"
	const picarr = ref([
		"../../../static/pic1.png",
		"../../../static/pic2.png",
		"../../../static/pic3.webp",
		"../../../static/pic4.jpg",
	])
	const picurl = ref("../../../static/pic1.png")
	let i = 0;
	setInterval(()=>{
		i++
		picurl.value = picarr.value[i%4]
	},1000)
	
	
</script>

<style lang="scss">
	       
</style>
